<%@ page import="java.util.List" %>
<%@ page import="pe.gob.onpe.pojo.*" %>
<%@ page import="pe.gob.onpe.util.PARAMETROS" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Sistema Para Votaci&oacute;n Electr&oacute;nica No Presencial</title>
	<link rel="stylesheet" type="text/css" href="../css/style.css" />
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

	<script language="javascript" src='../js/administrarProcesoElectorales.js'></script>
	<script language="javascript" src='../js/jquery.js'></script>
	
	<!-- Referentes al menu -->
	<link rel="STYLESHEET" type="text/css" href="../js/menu/codebase/dhtmlxtree.css" />
	<script language="javascript" src="../js/menu/codebase/dhtmlxcommon.js"></script>
	<script language="javascript" src="../js/menu/codebase/dhtmlxtree.js"></script>
	<script language="javascript" src="../js/menu/codebase/ext/dhtmlxtree_ed.js"></script>
	<!-- Fin de Menu -->
	
	<!-- Crear Objeto ventana -->
	
	<script type="text/javascript" src="../js/ui/effects.core.js"></script>
	<script type="text/javascript" src="../js/ui/effects.clip.js"></script>
	<script type="text/javascript" src="../js/ui/effects.blind.js"></script>
	<script type="text/javascript" src="../js/ui/ui.core.js"></script>
	<script type="text/javascript" src="../js/ui/ui.draggable.js"></script>
	
	<script type="text/javascript" src="../js/parametrizarCedulaVotacion.js"></script>

	<style type="text/css">
		#ventanaAgregarProcesoElectoral { position:absolute; left: 385px; top: 200px; }
		#configurarParametros { position:absolute; left: 492px; top: 267px; }
		#registrarProcesoElectoral { position:absolute; left: 468px; top: 283px; }
		
	.style1 {font-weight: bold}
    </style>
	<script type="text/javascript">
	$(function() {
		$("#ventanaAgregarProcesoElectoral").draggable({ containment: 'document', scroll: false });
	});
	$(function() {
		$("#configurarParametros").draggable({ containment: 'document', scroll: false });
	});
	
	$(function() {
		$("#registrarProcesoElectoral").draggable({ containment: 'document', scroll: false });
	});
	</script>
	<!-- Fin de crear Objeto ventana -->
</head>
<%  BusquedaProcesosElectoralesPojo busquedaProcesosElectoralesPojo = (BusquedaProcesosElectoralesPojo)request.getAttribute("busquedaProcesosElectoralesPojo"); %>
<body>
	<!-- Comienzo del header -->
	<%@  include file="../CabeceraPie/header.inc.jsp" %>
	<!-- fin del header -->
	
	<!-- comienzo del body -->
	<div id="all" >	
		<div id="wrap">
			<div id="cnt">
			<!-- body -->
			<%@  include file="../CabeceraPie/menu.inc.jsp" %>
			<div style="height:10px"></div>
			<!-- body -->
          </div>
		</div>
	</div>
	<!-- fin del body -->

<!-- Objeto ventana agregar Formulario style="position:absolute; left: 300px; top: 130px;" -->
  <div id="ventanaAgregarProcesoElectoral" >
	<div class="ventana">
		<div class="tituloVentana">Administrar Proceso Electoral y Parametros </div>
		<div class="contenidoVentana">
			<form id="buscarForm" name="buscarForm" action="AdministrarParametrosProcesoElectoralAction.do" >
			<input name="acc" value="buscarProcesoElectoral" type="hidden" />
			<table>
				<tr><td align="center">
                  <table class="tabla" align="center" width="300" >
                    <tr>
                      <td colspan="5" align="left" class="tab-bar">&nbsp;
					  	<input type="submit" name="Buscar" value="Buscar" class="boton" />
                        <input type="button" name="Registrar" value="Registrar" class="boton" onclick="mostrarRegistrarProcesoElectoral()" />
						<input type="button" name="Salir" value="Salir" class="boton" onclick="location.href='../CabeceraPie/menu.jsp';" />
					  </td>
                    </tr>
                    <tr>
                      <td colspan="5" align="left">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="left">Nombre</td>
                      <td align="left" >
                      	<input name="nombre" type="text" class="inputtext" size="40" value="<%=request.getParameter("nombre")==null?"":request.getParameter("nombre")%>" />
                      </td>
                      <td align="left" >&nbsp;</td>
                      <td align="left" >Descripci&oacute;n</td>
                      <td align="left" >
                      	<input name="descripcion" type="text" class="inputtext" size="40" value="<%=request.getParameter("descripcion")==null?"":request.getParameter("descripcion")%>" />
                      </td>
                    </tr>
				    <tr>
				      <td colspan="5">&nbsp;</td>
			        </tr>
					    <tr>
					      <td colspan="5" class="celda_blanca">
					      <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tabla">
					        <tr>
                              <td align="center" class="celda">Nombre</td>
					          <td align="center" class="celda">Descripci&oacute;n</td>
					          <td align="center" class="celda">Instituci&oacute;n Solicitante </td>
					          <td align="center" class="celda">&nbsp;</td>
				              <td align="center" class="celda">&nbsp;</td>
					        </tr>
					        <% 	List listBusquedaProcesosElectorales	= busquedaProcesosElectoralesPojo.getListProcesoElectoral();
					           	for(int i=0;i<listBusquedaProcesosElectorales.size();i++){ 
					           		ProcesoElectoralPojo procesoElectoralPojo = (ProcesoElectoralPojo)listBusquedaProcesosElectorales.get(i);
						           	Long	modProcesoElectoralId	= procesoElectoralPojo.getProcesoElectoralId();
									String	modNombre				= procesoElectoralPojo.getNombre()==null?"":procesoElectoralPojo.getNombre();
									String	modDescripcion			= procesoElectoralPojo.getDescripcion()==null?"":procesoElectoralPojo.getDescripcion();
									Long	modInstitucionSolicitanteId	= procesoElectoralPojo.getInstitucionSolicitantePojo().getInstitucionSolicitanteId();
									Integer	modDuracionSesion 		= procesoElectoralPojo.getDuracionSesion();
									Integer	modNumeroIntentos		= procesoElectoralPojo.getNumeroIntentos();
					        %>
                            <tr>
                              <td class="celda_blanca"><%=procesoElectoralPojo.getNombre()==null?"":procesoElectoralPojo.getNombre()%></td>
                              <td class="celda_blanca"><%=procesoElectoralPojo.getDescripcion()==null?"":procesoElectoralPojo.getDescripcion()%></td>
                              <td class="celda_blanca"><%=procesoElectoralPojo.getInstitucionSolicitantePojo().getNombre()%></td>
                              <td align="center" class="celda_blanca">
                              	<img src="../images/table_buttons/page_edit.png" alt="Modificar" style="cursor: pointer;" 
                              			onclick="mostrarModificarProcesoElectoral(<%=modProcesoElectoralId%>,'<%=modNombre%>',
										                              			'<%=modDescripcion%>',<%=modInstitucionSolicitanteId%>,
										                              			<%=modDuracionSesion%>,<%=modNumeroIntentos%>)" />
                              </td>
                              <td align="center" class="celda_blanca">
                              	<img src="../images/table_buttons/cross.png" style="cursor: pointer;" alt="Eliminar" width="16" height="16" onclick="eliminarProcesoElectoral(<%=modProcesoElectoralId%>)" />
                              </td>
                            </tr>
							<% } %>
                          </table>
                        </td>
			        </tr>
					<tr>
						<td colspan="5" align="center" class="celda_blanca">
								<input type="hidden" name="inicio" id="inicio"  />
								<input type="hidden" name="fin" id="fin" />
								<% if(busquedaProcesosElectoralesPojo.getTotalRegistros()>0){
								
									int paginacion	= PARAMETROS.PAGINACION_NRO_LINEAS;
									int inicio		= busquedaProcesosElectoralesPojo.getInicio();
									int fin			= busquedaProcesosElectoralesPojo.getFin();
									
									int totalRegistros	= busquedaProcesosElectoralesPojo.getTotalRegistros();
									int inicioAnterior	= inicio-paginacion;
									int finAnterior		= inicio-1;
									
									int inicioSiguiente	= inicio+paginacion;
									int finSiguiente	= ((fin+paginacion)>totalRegistros)?totalRegistros:(fin+paginacion);
									
									int inicioUltimo	= (totalRegistros%paginacion==0)?(totalRegistros-paginacion+1)
																		:(totalRegistros-totalRegistros%paginacion+1);
									int finUltimo		= totalRegistros;
									if(inicio>1){
									%>	<input name="primero" type="button" class="boton" id="primero" value="&lt;&lt;"  
											onclick="buscar(1, <%=paginacion%>)" />
										&nbsp;
										<input name="anterior" type="button" class="boton" id="anterior" value="&lt;"  
											onclick="buscar(<%=inicioAnterior%>, <%=finAnterior%>)" />
									<% } %>
									<%=inicio%> - <%=((totalRegistros<fin)?totalRegistros:fin)%> de <%=totalRegistros%>
									<% if(totalRegistros > fin){ %> 
										<input name="siguiente" type="button" class="boton" id="siguiente" value="&gt;"
											onclick="buscar(<%=inicioSiguiente%>, <%=finSiguiente%>)" />
										&nbsp;
										<input name="ultimo" type="button" class="boton" id="ultimo" value="&gt;&gt;"
											onclick="buscar(<%=inicioUltimo%>, <%=finUltimo%>)"  />
								<% 		}
									} %>
					    </td>
					</tr>
				  </table>

					</td>
				</tr>
			</table>
			</form>
		</div>
	</div>
</div>
<!-- Fin objeto ventana -->


<!-- Objeto ventana agregar Formulario class="ocultarObjeto"  -->
  <div id="configurarParametros" class="ocultarObjeto" >
	<div class="ventana">
		<div class="tituloVentana">Modificar Proceso Electoral </div>
		<div class="contenidoVentana" >
			<table style="width: 400px">
				<tr>
				  <td align="center">
				    <!-- comienzo de contenido -->
				     <table width="63%" border="0" align="center" cellpadding="0" cellspacing="0">
				  <tr>
				    <td width="93%" height="104" colspan="2" align="center">
				    <table width="100%" border="0" cellpadding="0" cellspacing="5" bordercolor="#A6BCC9">
                      <tr>
                        <td align="left">&nbsp;</td>
                        <td>&nbsp;<input id="modProcesoElectoralId" name="modProcesoElectoralId" type="hidden" /></td>
                      </tr>
                      <tr>
                        <td align="left">Nombre</td>
                        <td>
                        	<input id="modNombre" name="modNombre" type="text" size="30" maxlength="40" />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">Descripci&oacute;n</td>
                        <td><input id="modDescripcion" name="modDescripcion"  name="text" type="text" size="40" maxlength="80" /></td>
                      </tr>
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">Instituci&oacute;n Solicitante </td>
                        <td nowrap="nowrap">
	                        <select id="modInstitucionSolicitanteId" name="modInstitucionSolicitanteId" >
	                        <%  List listInstitucionSolicitantePojo = (List)request.getAttribute("listInstitucionSolicitantePojo");
	                        	for(int i=0; i<listInstitucionSolicitantePojo.size(); i++){
	                        		InstitucionSolicitantePojo institucionSolicitantePojo = (InstitucionSolicitantePojo)listInstitucionSolicitantePojo.get(i); %>
	                            <option value="<%=institucionSolicitantePojo.getInstitucionSolicitanteId()%>" ><%=institucionSolicitantePojo.getNombre()%></option>
							<%	} %>
	                        </select>
                        </td>
                      </tr>
					  <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">Duraci&oacute;n de sesi&oacute;n  </td>
                        <td><input name="modDuracionSesion" id="modDuracionSesion" type="text" size="4" maxlength="4" /></td>
                      </tr>
                      
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">Numero de Intentos </td>
                        <td><input name="modNumeroIntentos" id="modNumeroIntentos" type="text" size="4" maxlength="2" /></td>
                      </tr>
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">&nbsp;</td>
                        <td align="left">&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">
                        	<input name="guardarConfMatriz2" type="button" class="boton"
									value="Guardar Configuraci&oacute;n" 
									onclick="modificarProcesoElectoral($('#modProcesoElectoralId').get(0).value,
																		$('#modNombre').get(0).value,
																		$('#modDescripcion').get(0).value,
																		$('#modInstitucionSolicitanteId').get(0).value,
																		$('#modDuracionSesion').get(0).value,
																		$('#modNumeroIntentos').get(0).value)" />
						</td>
                        <td align="left"> 
                        	<input name="cancelar2" type="button" class="boton" id="cancelar2" value="Cancelar" onclick="ocultarModificarProcesoElectoral()" style="width:100px"  />
                       	</td>
                      </tr>
                    </table></td>
				  </tr>
		            </table>
					
			      <!-- fin de contenido -->
				  </td>
				</tr>
			</table>

		</div>
	</div>
</div>
<!-- Fin objeto ventana -->

<!-- Objeto ventana agregar Formulario class="ocultarObjeto"  -->
  <div id="registrarProcesoElectoral" class="ocultarObjeto" >
	<div class="ventana">
		<div class="tituloVentana">Registrar Proceso Electoral </div>
		<div class="contenidoVentana" >
			<table style="width: 400px">
				<tr>
				  <td align="center">
				    <!-- comienzo de contenido -->
				    <table width="63%" border="0" align="center" cellpadding="0" cellspacing="0">
					  <tr>
					    <td width="93%" height="104" colspan="2" align="center">
						<table width="100%" border="0" cellpadding="0" cellspacing="5" bordercolor="#A6BCC9">	                      
                      <tr>
                        <td align="left">&nbsp;</td>
                        <td>&nbsp;<input type="hidden" id="regProcesoElectoralId" name="regProcesoElectoralId" /></td>
                      </tr>
                      <tr>
                        <td align="left">Nombre</td>
                        <td><input id="regNombre" name="regNombre" type="text" size="30" maxlength="40" /></td>
                      </tr>
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">Descripci&oacute;n</td>
                        <td><input name="regDescripcion" id="regDescripcion" type="text" size="40" maxlength="80" /></td>
                      </tr>
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">Instituci&oacute;n Solicitante </td>
                        <td nowrap="nowrap">
                        	<select id="regInstitucionSolicitanteId" name="regInstitucionSolicitanteId" >
	                        <%  for(int i=0; i<listInstitucionSolicitantePojo.size(); i++){
	                        		InstitucionSolicitantePojo institucionSolicitantePojo = (InstitucionSolicitantePojo)listInstitucionSolicitantePojo.get(i); %>
	                            <option value="<%=institucionSolicitantePojo.getInstitucionSolicitanteId()%>" ><%=institucionSolicitantePojo.getNombre()%></option>
							<%	} %>
                        	</select>
                        </td>
                      </tr>
					  <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">Duraci&oacute;n de sesi&oacute;n  </td>
                        <td>
                        	<input name="regDuracionSesion" id="regDuracionSesion" type="text" size="4" maxlength="4" />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">Numero de Intentos </td>
                        <td><input name="regNumeroIntentos" id="regNumeroIntentos" type="text" size="4" maxlength="2" /></td>
                      </tr>
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">&nbsp;</td>
                        <td align="left">&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="left" nowrap="nowrap" class="checkoutBarCurrent">
                        	<input name="guardarConfMatriz2" type="button" class="boton" value="Guardar Configuraci&oacute;n" 
									onclick="registrarProcesoElectoral($('#regProcesoElectoralId').get(0).value,
																$('#regNombre').get(0).value,
																$('#regDescripcion').get(0).value,
																$('#regInstitucionSolicitanteId').get(0).value,
																$('#regDuracionSesion').get(0).value,
																$('#regNumeroIntentos').get(0).value)" /></td>
                        <td align="left"><input name="cancelar2" type="button" class="boton" id="cancelar2" value="Cancelar" onclick="ocultarRegistrarProcesoElectoral()" style="width:100px"  /></td>
                      </tr>
                    </table></td>
				  </tr>
		            </table>
			      <!-- fin de contenido -->
			      </td>
				</tr>
			</table>

		</div>
	</div>
</div>
<!-- Fin objeto ventana -->
	<!-- Comienzo del footer-->
	<%@  include file="../CabeceraPie/footer.inc.jsp" %>
	<!-- fin del footer-->
</body>
</html>